<div class="container-fluid fsize15">
    <div class="row">

        <!-- 搜索 -->
        <div class="col-xs-12 panel panel-body" ng-keyup="myKeyup($event)">
            <div class="col-xs-12">
                <div class="col-xs-1 text-right mt7" style="padding-left: 0px; padding-right:0px;">
                    产品名称
                </div>
                <div class="col-xs-4">
                    <input type="text" class="form-control" ng-model="pageInfo.title" placeholder="产品名称">
                </div>
                <div class="col-xs-5 text-left"></div>
                <div class="col-xs-2">
                    <a class="btn btn-info btn-block" ng-click="loadDate()">搜索</a>
                </div>
            </div>
        </div>

        <div class="col-xs-12 panel panel-body mt10" ng-repeat="sale in saleList">
            <!-- 景区简介 -->
            <div class="col-xs-12">
                <!-- 图片 -->
                <div class="text-right" style="width: 270px; float: left;">
                    <img src={{sale.img}} alt="景区图片" style="width: 250px; height: 120px;" ng-click="info(sale)">
                </div>
                <!-- 概要 -->
                <div class="text-left fsize16" style="width: aotu; float: left;">
                    <div class="col-xs-12 text-left mt10">
                        <strong class="btn-link" ng-click="info(sale)">
                            {{sale.title}}
                        </strong>
                    </div>
                    <div class="col-xs-12 text-left mt20">
                        简介：{{sale.introduction}}
                    </div>
                    <div class="col-xs-12 text-left mt20">
                        地址：{{sale.address}}
                    </div>
                </div>
            </div>
            <!-- 日期库存信息 -->
            <div class="col-xs-12 mt10">
                <table class="table table-bordered">
                    <thead>
                        <th class="text-center">出游日期</th>
                        <th class="text-center">总库存</th>
                        <th class="text-center">剩余库存</th>
                        <th class="text-center">购买</th>
                    </thead>
                    <tbody ng-repeat="info in sale.activityDateList">
                        <tr>
                            <td class="text-center">
                                {{info.tour_date}}
                            </td>
                            <td class="text-center">
                                {{info.all_stock}}
                            </td>
                            <td class="text-center">
                                {{info.surplus_stock}}
                            </td>
                            <td class="text-center">
                                <a class="btn btn-success btn-xs" ng-click="buy(sale, info)">单人录入</a>
                                <a class="btn btn-success btn-xs" ng-click="buyBatch(sale, info)">批量导入</a>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>

    </div>
</div>
<style>
    .fsize15 {
        font-size: 15px;
    }

    .fsize16 {
        font-size: 16px;
    }

    .mt7 {
        margin-top: 7px;
    }

    .bkgd-orange {
        background-color: orange;
    }

    table.table-bordered tbody th,
    table.table-bordered tbody td {
        border-left-width: 0px;
        border-bottom-width: 1px;
    }
</style>